<template>
	<view>
		<view style="height: 150px;background-color: #4088f2;position: relative;">
			<view style="display: flex;justify-content: flex-start;">
				<view>
					<image src="@/static/images/u2071.png" mode=""
						style="width: 89px;height: 90px;margin-top: 25px;margin-left: 10px;" />
				</view>
				<view style="color: #fff;margin-top: 50px;margin-left: 10px;">
					<h3>李西西</h3>
					<p style="font-size: 14px;">南大街社区卫生团队</p>
				</view>
				<view style="width: 90vw;background-color: #fff;position: absolute;top: 130px;left: 15px;
					display: flex;
					height: 83px;border-radius: 10px;">
					<view style="display: flex;flex-direction: column;justify-content: space-around;margin-left: 10px;">
						<p style="margin-left: 30px;font-size: 18px;font-weight: bold;">2312</p>
						<p style="color: #b3b3b3;font-size: 14px;">
							签约居民（名）
						</p>
					</view>
					<span style="border-left: 1px solid #e4e4e4;height: 25px;margin-top: 20px;"></span>
					<view style="display: flex;flex-direction: column;justify-content: space-around;margin-left: 10px;">
						<p style="margin-left: 30px;font-size: 18px;font-weight: bold;">2312</p>
						<p style="color: #b3b3b3;font-size: 14px;">
							服务次数（次）
						</p>
					</view>
					<span style="border-left: 1px solid #e4e4e4;height: 25px;margin-top: 20px;"></span>
					<view style="display: flex;flex-direction: column;justify-content: space-around;margin-left: 10px;">
						<p style="margin-left: 30px;font-size: 18px;font-weight: bold;">2312</p>
						<p style="color: #b3b3b3;font-size: 14px;">
							线上咨询（次）
						</p>
					</view>
				</view>
			</view>
		</view>

		<view>
			<view
				style="background-color: #fff;margin-top: 70px;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
				<image src="@/static/images/shape_u2099.png"
					style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
				<view style="display: flex;justify-content: space-between;width: 90vw;" 
				@click="gotoperson"
				>
					<span>个人信息</span>
					<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
				</view>

			</view>
			<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
				<image src="@/static/images/shape_u2099.png"
					style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
				<view style="display: flex;justify-content: space-between;width: 90vw;
				" @click="gototeam"
				>
					<span>我的团队</span>
					<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
				</view>

			</view>
			<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
				<image src="@/static/images/shape_u2099.png"
					style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
				<view style="display: flex;justify-content: space-between;width: 90vw;"
				@click="gotopassword"
				>
					<span>密码设置</span>
					<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
				</view>

			</view>
			<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
				<image src="@/static/images/shape_u2099.png"
					style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
				<view style="display: flex;justify-content: space-between;width: 90vw;"
				@click="gotoconcer"
				>
					<span>关于我们</span>
					<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
				</view>
			
			</view>
			<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
				<image src="@/static/images/shape_u2099.png"
					style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
				<view style="display: flex;justify-content: space-between;width: 90vw;"
				@click="gotosetting"
				>
					<span>系统设置</span>
					<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
				</view>
			
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods:{
			gotoperson(){
				uni.navigateTo({
					url: '/pages/index/doctor-my/personal',
					
				});
			},
			gototeam(){
				uni.navigateTo({
					url: '/pages/index/doctor-my/team',
				})
			},
			gotopassword(){
				uni.navigateTo({ url: '/pages/index/doctor-my/password' })
			},
			gotoconcer(){
				uni.navigateTo({ url: '/pages/index/doctor-my/concerning' })
			},
			gotosetting(){
				uni.navigateTo({ url: '/pages/index/doctor-my/setting' })
			}
			
		}
	}
</script>

<style lang="scss">

</style>